<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>首页</title>
    <link href="${rootPath}/static/admin/pages/css/profile.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/productView.css?version=0.1" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="${rootPath}/static/module/system/index.js${jsResourceVersion}"></script>
    <style type="text/css">
/*        .radius{
            border-radius:5px!important;
        }
        .ellipsis{
            display:-webkit-box;
            text-overflow:ellipsis;
            overflow:hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient:vertical;
            text-indent:2em;
        }*/
        .indexImg { max-height:290px; min-height:290px;margin:0 auto;}
        .indexItem{ height:300px; text-align:center; padding-top:15px; line-height:0;}
        .indexItem img {  }
    </style>
</head>
<body>
<!--内容模块-->
<div class="index-warp" style="min-height: 500px;width: 100%;text-align: center;">
    <div class="w1200 clearfix" style="margin-top:5px; ">
        <ul id="myTab" class="nav nav-tabs">
            <li class="active">
                <a href="#tab1" data-toggle="tab">
                    公司概况
                </a>
            </li>
            <li>
                <a href="#tab2" data-toggle="tab">
                    主营业务
                </a>
            </li>
            <li>
                <a href="#tab3" data-toggle="tab">
                    发展状况
                </a>
            </li>
            <li>
                <a href="#tab4" data-toggle="tab">
                    公司前景
                </a>
            </li>
        </ul>
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in active" id="tab1">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <div class="note note-success">
                                <h4 class="block"> 盼盼公司</h4>
                                <p class="lead">
                                    中国国有图书发行企业，发行网点遍及全国城镇。成立于延安清凉山，全国各地均有分店。截至2010年共有14000多个发售网点，各省会则有购书中心或书城等名义经营。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div id="myCarousel" class="carousel slide">
                            <!-- 轮播（Carousel）指标 -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel" data-slide-to="1"></li>
                                <li data-target="#myCarousel" data-slide-to="2"></li>
                            </ol>
                            <!-- 轮播（Carousel）项目 -->
                            <div class="carousel-inner">
                                <div class="item active indexItem">
                                    <img src="/static/img/indexImg/img1/2.jpg" class="indexImg" alt="First slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img1/3.jpg" class="indexImg" alt="Second slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img1/4.jpg" class="indexImg" alt="Third slide">
                                </div>
                            </div>
                            <!-- 轮播（Carousel）导航 -->
                            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="tab2">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <div class="note note-success">
                                <h4 class="block"> 主要经营业务</h4>
                                <p class="lead">
                                    主营图书类商品，如文学、经济、理工、政治、艺术、哲学类等。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div id="myCarousel1" class="carousel slide">
                            <!-- 轮播（Carousel）指标 -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel1" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel1" data-slide-to="1"></li>
                                <li data-target="#myCarousel1" data-slide-to="2"></li>
                                <li data-target="#myCarousel1" data-slide-to="3"></li>
                                <li data-target="#myCarousel1" data-slide-to="4"></li>
                                <li data-target="#myCarousel1" data-slide-to="5"></li>
                                <li data-target="#myCarousel1" data-slide-to="6"></li>
                                <li data-target="#myCarousel1" data-slide-to="7"></li>
                                <li data-target="#myCarousel1" data-slide-to="8"></li>
                                <li data-target="#myCarousel1" data-slide-to="9"></li>
                                <li data-target="#myCarousel1" data-slide-to="10"></li>
                                <li data-target="#myCarousel1" data-slide-to="11"></li>
                            </ol>
                            <!-- 轮播（Carousel）项目 -->
                            <div class="carousel-inner">
                                <div class="item active indexItem">
                                    <img src="/static/img/indexImg/img2/1.jpg" class="indexImg" alt="First slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img2/2.jpg" class="indexImg" alt="Second slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img2/3.png" class="indexImg" alt="Third slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img2/4.jpg" class="indexImg" alt="Four slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img2/5.jpg" class="indexImg" alt=" slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img2/6.jpg" class="indexImg" alt=" slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img2/7.png" class="indexImg" alt=" slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img2/8.jpg" class="indexImg" alt=" slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img2/9.JPG" class="indexImg" alt=" slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img2/10.JPG" class="indexImg" alt=" slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img2/11.JPG" class="indexImg" alt=" slide">
                                </div>
                            </div>
                            <!-- 轮播（Carousel）导航 -->
                            <a class="left carousel-control" href="#myCarousel1" role="button" data-slide="prev">
                                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="right carousel-control" href="#myCarousel1" role="button" data-slide="next">
                                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="tab3">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <div class="note note-success">
                                <h4 class="block"> 发展状况</h4>
                                <p class="lead">
                                    随着时代的进步，社会信息化的高速发展，计算机管理系统的广泛使用，迫切需要企业进行信息化建设，以适应其发展。</br>
                                    公司紧跟发展的步伐，实行线上、线下互通销售，既可以使客户切实感觉到书香氛围，又可使客户足不出户便得到想要的图书。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div id="myCarousel2" class="carousel slide">
                            <!-- 轮播（Carousel）指标 -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel2" data-slide-to="1"></li>
                                <li data-target="#myCarousel2" data-slide-to="2"></li>
                            </ol>
                            <!-- 轮播（Carousel）项目 -->
                            <div class="carousel-inner">
                                <div class="item active indexItem">
                                    <img src="/static/img/indexImg/img3/1.jpg" class="indexImg" alt="First slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img3/2.jpg" class="indexImg" alt="Second slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img3/3.jpg" class="indexImg" alt="Third slide">
                                </div>
                            </div>
                            <!-- 轮播（Carousel）导航 -->
                            <a class="left carousel-control" href="#myCarousel2" role="button" data-slide="prev">
                                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="right carousel-control" href="#myCarousel2" role="button" data-slide="next">
                                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="tab4">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <div class="note note-success">
                                <h4 class="block"> 公司前景</h4>
                                <p class="lead">
                                    开拓与创新是现今社会的主题，也是我们适应成长大势的迫切需要。拥有科学的成长观，并且勇于开拓创新，才能给我们的社会不断注入新的活力，从而推动整个社会的成长。<br>
                                    我们要在前辈奠定的基础上，运用自己的知识，发挥自己的能力，尝试突破常规，发现和创造新颖独特的更有社会价值的新事物，新思想，为更好的明天奋斗！
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div id="myCarousel3" class="carousel slide">
                            <!-- 轮播（Carousel）指标 -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel3" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel3" data-slide-to="1"></li>
                                <li data-target="#myCarousel3" data-slide-to="2"></li>
                                <li data-target="#myCarousel3" data-slide-to="3"></li>
                            </ol>
                            <!-- 轮播（Carousel）项目 -->
                            <div class="carousel-inner">
                                <div class="item active indexItem">
                                    <img src="/static/img/indexImg/img4/1.png" class="indexImg" alt="First slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img4/2.jpg" class="indexImg" alt="Second slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img4/3.jpg" class="indexImg" alt="Third slide">
                                </div>
                                <div class="item indexItem">
                                    <img src="/static/img/indexImg/img4/4.jpg" class="indexImg" alt="Four slide">
                                </div>
                            </div>
                            <!-- 轮播（Carousel）导航 -->
                            <a class="left carousel-control" href="#myCarousel3" role="button" data-slide="prev">
                                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="right carousel-control" href="#myCarousel3" role="button" data-slide="next">
                                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<#--    <div class="row margin-top-10">
        <div class="col-md-12">
            <div class="profile-sidebar">
                <div class="portlet light profile-sidebar-portlet  margin-bottom-20 radius">
                    <div class="profile-userpic">
                        <img src="${rootPath}/static/img/user_man.png" class="img-responsive" alt="点击查看个人消息">
                    </div>
                    <div class="profile-usertitle radius">
                        <div class="profile-usertitle-name">
                            <span>${Session.loginUserName}</span>
                            <input id="userId" type="hidden" value="${Session.loginUserId}"/>
                        </div>
                        <div class="profile-usertitle-job" >
                            账号：<span>${Session.loginUserId}</span>
                        </div>
                        <div class="profile-usertitle-job" style="height:60px" id="bind">
                        </div>
                    </div>
                </div>
            </div>
            <div class="profile-content" style="min-height: 292px;">
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel panel-info radius" >
                            <div class="panel-heading " style="height: 50px">
                                <h3 class="panel-title">
                                    ${companyInfo.companyName}
                                </h3>
                            </div>
                            <div class="panel-body" style="height: 210px;text-align: left;">
                                <strong>公司概况：</strong><br>
                                <p class="ellipsis text-info ">${companyInfo.infoA}</p>
                                <strong>主要经营业务：</strong><br>
                                <p class="ellipsis text-info ">${companyInfo.infoB}</p>
                                <strong>发展状况：</strong><br>
                                <p class="ellipsis text-info ">${companyInfo.infoC}</p>
                                <strong>公司前景：</strong><br>
                                <p class="ellipsis text-info ">${companyInfo.infoD}</p>
                            </div>
                            <div class="panel-footer">
                                <button type="button" class="btn btn-link" data-toggle="modal" data-target="#myModal">查看详细信息>>></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                    ${companyInfo.companyName}
                    </h4>
                </div>
                <div class="modal-body" style="text-align: left;height: 400px">
                    <strong>公司概况：</strong><br>
                    <p class="text-info ">${companyInfo.infoA}</p>
                    <strong>主要经营业务：</strong><br>
                    <p class="text-info ">${companyInfo.infoB}</p>
                    <strong>发展状况：</strong><br>
                    <p class="text-info ">${companyInfo.infoC}</p>
                    <strong>公司前景：</strong><br>
                    <p class="text-info ">${companyInfo.infoD}</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                </div>
            </div>
        </div>
    </div>-->